@import url(http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold);

/* Recruitment application colors */
.element_smalltitle .mask, .element_title .mask, .element_bigtitle .mask {
color: #F86BFF;
}

#form-builder #form-area .form-question-title, .m_appform .form-question-title, .m_system-dashboard .applications .form-question-title {
color: #F86BFF;
}

.m_memberlist .items-list .col-user_tags .tags-image img { height: 21px; width: 67px; }

/* New Posts Forum indicator style */

.m_forum.viewthread tr.new-post-marker td {
color: #f86bff;
font-weight: bold;
font-size: 28px;
}


/* Dropcaps */
.article-content > p:first-child:first-letter, .dropcap
{
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size: 360%;
line-height: 0.85em;
margin-right: 0.2em;
color: #f86bff;
}

/* bullets */

.article-content > p:first-child:first-letter, .bullets
{
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
font-size: 160%;
line-height: 0.85em;
margin-right: 0.2em;
color: #f86bff;
}

/* Forum Icons */

.m_forum .icon.read { opacity: 0.4; filter: alpha(opacity=40); background-position:center; }
.m_forum .icon.unread { background-position:center; }

/* General Discussion */
.forum-357615 .icon { background-image:url("http://files.enjin.com/61109/General Discussion.png") !important; }

/* Website Support */
.forum-360260 .icon { background-image:url("http://files.enjin.com/61109/Website Support.jpg") !important; }

/* Bunny Discussion */
.forum-358582 .icon { background-image:url("http://files.enjin.com/61109/Bunny Discussion.png") !important; }

/* Internal Affairs */
.forum-387793 .icon { background-image:url("http://files.enjin.com/61109/Internal Affairs.png") !important; }

/* Officer Lounge */
.forum-373846 .icon { background-image:url("http://files.enjin.com/61109/Officer_lounge.jpg") !important; }

/* PS3 Games */
.forum-421179 .icon { background-image:url("http://files.enjin.com/61109/PS3 Games.png") !important; }

/* PC Games */
.forum-421181 .icon { background-image:url("http://files.enjin.com/61109/PC Games.png") !important; }

/* General DUST Discussion */
.forum-418326 .icon { background-image:url("http://files.enjin.com/61109/Dust Discussion.gif") !important; }

/* Alliance Forum */
.forum-892523 .icon { background-image:url("") !important; }



/* =====================================================================*/
/* GENERAL
/* =====================================================================*/
 
 /* News module bold font color change to bunny pink */
.m_news .article-content span { color:#f86bff; }

/* Default bold font color change to bunny pink */
b { color:#f86bff; }

/* Mouse hover color change to links and menu */
a:hover { text-shadow: 0px 0px 5px #ffffff; }



/* =====================================================================*/
/* USER TAGS
/* =====================================================================*/

/* Bunny tag */
/*
.tag-44173 {background: none;} 
*/
/* Officer tag */
/*
.tag-44438 {background: none;}
*/
/* 
THIS ADDS A TEXT TAG
.tag-44438:before {
	Content: "[QQ] ";
	color: #cc3030;
	}*/
	
/* Co-Leader tag */
/*
.tag-45878 {background: none;} 
.tag-45878:before {
content: url(http://files.enjin.com/61109/co-leader_icon.png) " ";
        color: #9a5df5;
	}
*/
/* Admin tag */
/*
.tag-47246 {background: none;}
.tag-47246:before {
content: url(http://files.enjin.com/61109/1260909445_icon_admin.gif) " ";
        color: #00ffff;
	}
*/




/* =====================================================================*/
/*  MAKE NEWS TAGS LOOK LIKE TAGS
/* =====================================================================*/

.m_news.main .tags {
	/* match the non-link font colour to the background and make it 1px - makes the dash and the commas disappear - italics are a personal choice*/
	color: #111 !important;
	font-size: 1px;
	font-style: italic;
	
	/* put the tags on a new line */
	display: block;
	
	/*fix spacing to align with headline above*/
    margin-left: -10px;
    margin-top: 10px;
	}
	
.m_news.main .tags a {
	/*Give the tags a distinctive background - use a texture from your theme or a colour of your choice */
    background: url("http://assets-cloud.enjin.com/themes/1287130603_title-regular.png") no-repeat scroll center center transparent;
	
	/* define the edges with a thin border and rounded corners - padding gives space around the text - margin-left aligns the tags with the headline above and puts space between them */
    border: 1px solid #222222;
    border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px;
	padding: 0 7px 2px;
	margin-left: 8px;
	
	/*Text colour and size of your choice, overwrites the font hiding that we did above to make the link (tag) text display*/
    color: #f86bff;
	font-size: 10px;
	
	/* if you have lost of tags, prevents a tag from breaking into two rows*/
	white-space:nowrap;
	
	/* keeps tags on a second line from overlapping the preceding line*/
	line-height: 200%
}



/* =====================================================================*/
/*  PINK GLOW TO TEXT BOXES
/* =====================================================================*/
.input-text input, .input-textarea textarea {

 	border:#CC3030 1px solid;
 	outline:none;
	padding: 2px;
	border-radius: 5px;
	margin: 2px;
	border:1px solid rgba(200,200,200, 0.5);
}
 
.input-text input:focus, .input-textarea textarea:focus {
	box-shadow: 0 0 5px 2px rgba(248,107,255, 0.8);
	-webkit-box-shadow: 0 0 5px 2px rgba(248,107,255, 0.8);
	-moz-box-shadow: 0 0 5px 2px rgba(248,107,255, 0.8);
	-o-box-shadow: 0 0 5px 2px rgba(248,107,255, 0.8);
	-ms-box-shadow: 0 0 5px 2px rgba(248,107,255, 0.8);
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
 	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	border:1px solid rgba(248,107,255, 0.8);
}

.input-text, .input-textarea  {background: none;
	border: 0;}



/* =====================================================================*/
/*  MAKES THE ENJIN TRAY RUN VERTICALLY RATHER THAN HORIZONTALLY
/* =====================================================================*/

/* Limit the width of the tray to 30px to make it stack vertically*/

#enjin-tray {
    max-width: 30px;
	margin: 0;
/*adjust to your desired distance from the bottom of the window*/	
	/* bottom: 175px; */
bottom: 30px;
	
}

/*Make all of the corners rounded*/
#enjin-tray li#notificationpanel { border-radius: 3px;}

/* make the border cover all edges */
#enjin-tray ul li.tray-item {border-style: solid; border-width: 1px;}

/* Edit the alignment of the background images */
#notificationpanel .notification-icon.apps {background-position: -84px 3px;}
#notificationpanel .notification-icon.general {background-position: -54px 3px;}
#notificationpanel .notification-icon.messages {background-position: -25px 3px;}

/*Hide the Home button - it's redundant and it's wider than the others, so it looks funny stacked vertically */
#notificationpanel .notification-icon.dashboard {display: none;}

/*Subpanel Tweaks - for the pop-up panel  -- bottom: 0 will line the panel up with the bottom of the tray*/
#enjin-tray li#notificationpanel .subpanel {width: 380px; bottom: 0;}

/*fixe the horizontal alignment for the different panels*/
#enjin-tray #notificationpanel .subpanel.general {right: 40px;}
#enjin-tray #notificationpanel .subpanel.messages {right: 40px;}
#enjin-tray .subpanel {right: 40px;}

/*Hide the fake icons that appear when the subpanel opens */
#enjin-tray #notificationpanel .subpanel.apps .faux-icon {display: none;}
#enjin-tray #notificationpanel .subpanel.general .faux-icon {display: none;}
#enjin-tray #notificationpanel .subpanel.messages .faux-icon {display: none;}


/*Move notification tip - the "right: 35px" pulls the tips to the left of the tray. The "bottom: 231px" will have to be adjusted 
according to how high up the side of the browser window you placed your tray in the #enjin-tray section */

/*
#messages-notification-tip {bottom: 231px !important; right: 35px !important;}
#general-notification-tip {bottom: 205px !important; right: 35px !important;}
#apps-notification-tip {bottom: 180px !important; right: 35px !important;}
*/
#messages-notification-tip {bottom: 86px !important; right: 35px !important;}
#general-notification-tip {bottom: 60px !important; right: 35px !important;}
#apps-notification-tip {bottom: 35px !important; right: 35px !important;}
   
/*Hide the little chat tail on the notification pop-up */
   .triangle {display: none;}

/*move the one-on-one chat icon over to the right edge of the page, now that the tray is out of the way (if you're beta-testing the chat */
   #enjin-tray-messaging {right: 0;}

.notification-growls {
    position: absolute;
    right: 5px;
    width: 300px !important;
    bottom: 60px;
}

.notification-growls li .inner {white-space: nowrap;}



/* =====================================================================*/
/* NEW QUOTES for chat and forums
/* =====================================================================*/

.bbcode_quote {
    background-image: url("http://files.enjin.com/61109/openquotes.png"), url("http://files.enjin.com/61109/closequotes.png");
-moz-box-shadow:1px 1px 0px #222222, -1px -1px 0px #000000;
background-repeat: no-repeat;
	background-color:#111;
	padding: 11px 40px;
	border-radius: 5px;
    -webkit-box-shadow:1px 1px 0px #222222, -1px -1px 0px #000000;
    background-position: left top, right bottom;
   border: #000 solid 1px;
}

.bbcode_quote .bbcode_quote_head {color: #f86bff; font-weight:bold; font-size:12px;}



/* =====================================================================*/
/* FORUM HACK
/* =====================================================================*/

.m_forum.viewforum .views .alt .alt2 {
    width: 55px;
}
.m_forum.viewforum .replies, .m_forum.viewforum .views {
    max-width: 55px;
    text-align: center;
}
.contentbox .c.alt2, .contentbox .h.alt2, .m_forum.viewforum .thread-icon, .m_forum.viewthread .profile {
    border-left: 0 none !important;
    

}
.m_forum.categories .forum a,
.m_forum.viewforum .subforums .forum a {
	position: relative;
	top: -1px;
	left: 0px;
	font-size: 18px;
	line-height: 110%;
}
.m_forum.categories .forum .description,
.m_forum.categories .latest .posted,
.m_forum.viewforum .subforums .forum .description,
.m_forum.viewforum .subforums .latest .posted {
	padding-top: 5px;
	padding-left: 1px;
	font-size: 12px;
	line-height: 115%;
}
.m_forum.categories .forum .description a,
.m_forum.viewforum .subforums .forum .description a {
	font-size: 55px;
}
.m_forum.categories .threads,
.m_forum.categories .posts,
.m_forum.viewforum .subforums .threads,
.m_forum.viewforum .subforums .posts {
	text-align: center;
}
.m_forum.categories .h.threads,
.m_forum.categories .h.posts,
.m_forum.viewforum .subforums .h.threads,
#.m_forum.viewforum .subforums .h.posts {
	font-size: 55px;
}

.m_forum.categories .forum .subforums {
	margin-top: 8px;
}
.m_forum.categories .forum .subforums a {
	font-size: 15px;
	padding: 3px 9px 2px 11px;
	background-repeat: no-repeat;
	background-position: 1px 5px;
	display: inline-block;
}


/* Top Forum title colors */
.contentbox .block-title .text .mask,
.contentbox .block-title .text h1.mask {
	margin-left: 15px;
	margin-right: 10px;
	font-size: 18px;
        color:#f86bff;
}

/* =====================================================================*/
/* MEMBER INFORMATION POPUP WINDOWS
/* =====================================================================*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#333;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;  font-size:1.3em;}
        #cboxLoadingGraphic{background:url(http://files.enjin.com/61109/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-28px; left:50%; margin-left: -70px; color:#f86bff; font-size:2em; font-weight:bold; }
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://files.enjin.com/61109/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}



.cclass { color:#f86bff; }

.cclass { 
	background-color:transparent;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #f86bff;
	display:inline-block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:22px;
	font-weight:bold;
	padding:10px 26px;
	text-decoration:none;
}
.cclass:active {
	position:relative;
	top:1px;
}
.outerinfo ul
{
    margin: 0;
    padding: 0;
    list-style: none;
overflow:auto
}
outerinfo ul, div.outerinfo li
{
    float: left;
    padding-top: 50px;
    padding-left: 25px;
}


.infoc{
	margin-left:auto;
margin-right:auto;
text-align:center;
/*border:1px solid #f86bff;*/
}

#infonav {
padding:20px;
}

#infonav li {
	display: inline;
	list-style-type: none;

padding:20px;
}

#infonav a{
	background-color:transparent;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #f86bff;
	display:inline-block;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding:10px 18px;
	color:#f86bff;
	text-decoration:none;
}

#infonav a:hover{ 
border:2px inset blue;
color:#f86bff;
background:#ffffff;
opacity: 0.9; /* css standard */
filter: alpha(opacity=90); /* internet explorer */
}

/* =====================================================================*/
/* BUNNY COLORS
/* =====================================================================*/

.article-content > p:first-child:first-letter, .white {color:#ffffff;font-weight: bold;}
.article-content > p:first-child:first-letter, .trial {color:#00ff00;font-weight: bold;}
.article-content > p:first-child:first-letter, .bunny {color: #f86bff;font-weight: bold;}
.article-content > p:first-child:first-letter, .officer {color:#00ffff;font-weight: bold;}
.article-content > p:first-child:first-letter, .co-leader {color:#9a5df5;font-weight:bold;}
.article-content > p:first-child:first-letter, .contests {color:#ff0022;font-weight: bold;}


/* =====================================================================*/
/* HEADER AND MENU FIXES
/* =====================================================================*/

.container.with-header .container_header .header_text_text {	
	/*font-family: 'Handlee', Georgia, serif ; */
	font-weight: bold;  
	/*text-transform:uppercase; */
	text-shadow: 2px 2px 3px #000000, 2px 2px 5px #000000, 6px 6px 5px #000000; 
	}

.m_hmenu { margin-bottom: 10px; }

.m_hmenu .button { /* font-family: 'Handlee', Georgia, serif ;*/
	-webkit-transition: all 0.30s ease-in-out;
 	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out; }

	
.commentbox .bubble .big-number { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;	 text-transform:uppercase;}
	


H3 {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;  margin: 10px 0 10px 0; }

H2 {font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; margin: 10px 0 10px 0; }
	
H1  { !important; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; margin: 10px 0 15px;  }	

.m_countdown .num {font-family: 'The Girl Next Door', Georgia, serif; }	

/* =====================================================================*/
/*  ANNOUNCEMENTS
/* =====================================================================*/

/* Move the Announcement Icon to the top of the screen, round the corners to match the admin tray */
#site-announcements {
	bottom: auto;
	left: 5px;
	top: -3px;
	border-radius: 3px;}
/* move the indicator (the yellow box) up and align under the ! icon*/

#announcement-tooltip {
	bottom: auto !important;
	top: 26px !important;
	left: 10px !important;}

/*position the announcement window back on the screen, just under the ! icon*/	

.site-announcement {
	bottom: auto;
	top: 30px;}
	
/* If you want the announcement icon to scroll up and away when you scroll down, include this line.  If you want it always visible at the top of the browser window, omit this line*/
	
#announcement-tooltip, #site-announcements {position: absolute;}



/* =====================================================================*/
/*  CENTER TAGS ON PROFILE PAGES
/* =====================================================================*/

.m_system-profile .widget.profile-sidebar-site-tags .tag, .m_forum.viewthread .profile .tag {text-align: center;}



/* =====================================================================*/
/* 	 THEME STYLES
/* =====================================================================*/

.m_eventcalendar .fc-content .fc-state-default {
    border-color: #220000;
}

H1, H2, H3 {color: #f86bff;}

/* =====================================================================*/
/* 	 FUNDAMENTALS
/* =====================================================================*/

 p {
    display: block;
    margin-bottom: 18px;
	padding-left: 10px;
	text-align:justify;
}

.m_shoutbox .shout .message {
font-size: 1em;
line-height: 16px;
}

.element_smallbutton input {
font-size: 1em;
}

#form-builder #form-area .form-question-title, .m_appform .form-question-title, .m_system-dashboard .applications .form-question-title {
font-size: 1.067em;
}

.element_bigbutton input {
font-size: 1.067em;
}

footer {
font-size: 1.067em !important;
line-height: 1.5;
color: #888;
text-align: center;
margin-top:30px;
}




menu-link { font-size: 24px; }

ol {
    list-style-position: outside !important;
    list-style-type: decimal;
    margin-left: 40px;
	margin-bottom: 25px;
}
/*
.m_html ul {
    list-style-position: outside;
    margin-left: 40px;
	margin-bottom: 25px;
}*/

li {margin-bottom: 5px;}

a:hover{text-decoration: none;
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.50s ease-in-out;
 	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;
	}

a{	transition: all 0.50s ease-in-out;
	-webkit-transition: all 0.50s ease-in-out;
 	-moz-transition: all 0.50s ease-in-out;
	-o-transition: all 0.50s ease-in-out;}

/* exempts drop-down menus from UL changes above */
.element_dropdown_menu ul {
    list-style-position: outside;
    margin-left: 5px;
	margin-bottom: 0;
	}
	
/* exempts tag cloud from UL changes above */	
.m_newstags ul { margin: 0}
.m_newstags li { margin: 0}

/* fixes mis-aligned drag handle on text areas */
.m_system-dashboard .messages.messages-view .reply-block .input-textarea {
    margin-bottom: 0;
}



/* move up the first article header on the page */
.article.first .article-body {padding: 5px 20px 26px;}

/* exempts dashboard from UL changes above */
.m_system-dashboard ul {margin-left: 0;}

.element_smallbutton {margin: 5px;}
.element_button {margin: 5px 8px;}
.m_forum .search-box {float:right !important; max-width: 350px;}
.element_pagewidget {clear:both;}

.post-bottom {font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}

/* =====================================================================*/
/* 	 HEADER AND PAGE WIDTH PLUS NEGATIVE MARGINS FOR EXTRA TOP CONTAINERS
/* =====================================================================*/


	
	
	.m_header {
	/*background-image:  url("http://pinkfluffybunny.googlecode.com/hg/BunnylandBanner2.png");*/
	width: 1052px;
	height: 200px;
    background-position: center,  0px 0px;
	background-repeat: no-repeat;
	background-color:#1E1E1E;
		}

.m_html {
padding: 0px;
}

	
/*.holder {display: none;}*/

/*#page {min-width: 1100px; max-width: 1100px; }*/

.container_spacer.first {margin-top: -10px}
.special-container.first {margin-top: -10px}

/* =====================================================================*/
/*  NewsHeader Tweaks
/* =====================================================================*/

	
	.m_news.main .float-rss {display: none;}
	.m_news .article.first .heading {margin-right: inherit;}


/* =====================================================================*/
/*  FIX COLUMN WIDTHS ON MEMBERS PAGE
/* =====================================================================*/

.col-user_avatar { width: 40px;}

.col-user_displayname { width: 90px; text-align: center;}

.col-user_privmsg { width: 20px; text-align: center;}

.col-user_steam { width: 20px; text-align: center;}


/* =====================================================================*/
/*  MAKE UPCOMING EVENTS SHOW MORE TEXT AND ALIGN PROPERLY
/* =====================================================================*/

.m_eventsupcoming {font-size:12px;}	

.m_eventsupcoming .item .event-info {

    height: 20px;
    overflow: hidden;
	height: 13px;
	width: 120px;
}

.m_eventsupcoming {
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

.m_eventsupcoming .item .time-info {float: right; }

.m_eventsupcoming .item  {
    margin-bottom: 0;
	padding-bottom: 5px;
}

.m_eventsupcoming .item .date-info {float: none; margin-bottom: 3px; border-bottom:dotted #333 1px; margin-top: 5px;}

.m_eventsmini.popup-events .time, .m_eventsupcoming .time { padding: 2px 3px 3px; margin-right: 10px;}

/* =====================================================================*/
/*  PUSH FORUM SIGNATURES ETC FURTHER DOWN WHEN POSTS ARE SHORT
/*  AND ADD A LINE BELOW THE SIGNATURE 
/* =====================================================================*/

.m_forum .post-wrapper { margin-top: 10px;}

.m_forum .post-content { min-height: 140px; text-align:justify; max-width: 630px; }

.m_forum.viewthread .post-bottom {border-top: 1px dotted #333333; margin-top: 25px;}

.m_forum.viewthread .post-signature {  margin-bottom: 10px; border-top: 1px dotted #333333;}

/* =====================================================================*/
/*  ELIMINATE THE MEANINGLESS "WELCOME" THAT APPEARS IN PLACE OF THE 
	FORUM BREADCRUMBS ON THE CATEGORIES PAGE
/* =====================================================================*/

.m_forum.categories .breadcrumbs, .m_forum.categories .breadcrumbs h1 { display: none;}

/* =====================================================================*/
/*  REDUCE THE SIZE OF THE FORUM TITLES SO THEY DON'T OVERLAP
	THE MODERATION TOOLS
/* =====================================================================*/

.m_forum H1  {margin-top: 0; font-size: 1em !important;	}




/* =====================================================================*/
/*  FIX OVERLY-LARGE IMAGES POSTED TO THE FORUMS
/* =====================================================================*/

.m_forum .post-attachments-images img, img.bbcode_img {
    height: auto;
    max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto	}
	
/* Change Spoiler HIDE to pink */
a:hover, a:focus {color: #F86BFF;}

.post-content object,
.post-content embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 100%;
}
	
/* =====================================================================*/
/*  CENTER INFO IN THE USER COLUMN ON FORUMS
/* =====================================================================*/

.m_forum.viewthread .profile .username {width: 100%;} 
	
.m_forum .contentbox .large-cells .c.alt {
    text-align: center;
	padding: 10px 0;
}

/* =====================================================================*/
/*  ELIMINATE THE MEANINGLESS SPACE BETWEEN NEWS POSTS AND THE ADMIN LINKS
/* =====================================================================*/

div[style="padding-bottom:16px;padding-top:16px;"] { display: none; }

/* =====================================================================*/
/*  PUT EVENT SIGN UP NOTES ON A NEW LINE
/* =====================================================================*/
	
.m_eventcalendar .calendar-container-event-detail .attend-list .scroller .item .note {
	clear:both;
	overflow:hidden;
}
	
/* =====================================================================*/
/*  FIX TEXT ALIGNMENT FOR REJECTED APPLICATIONS
/* =====================================================================*/	

.m_system-dashboard .applications .item-list .item .admin .rejected {font-size: 11px;}

/* =====================================================================*/
/*  FIX TEXT IN FORUM HEADS TO PREVENT OVERLAP
/* =====================================================================*/	

.m_forum .contentbox .block-title .text h1.mask {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    margin-right: 200px;
	font-size:12px !important;
}

.m_forum .contentbox .block-title .text-right {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px !important;
}



/* *************************************************************** */
/*                     Picking Styles                              */
/* *************************************************************** */
/*	There are a few different ways you can display your Net Bar. I 
	have included CSS for them below. To hide CSS from the browser
	so that it doesn't affect your page, you comment it out. To 
	reveal it, you Uncomment it.
	
	To Uncomment something - remove the slash and asterisk before 
	and after it. To Comment (hide) something, put them back. There
	are lots of comments around here that you can copy. Like this
	one. */
/* *************************************************************** */

/* *************************************************************** */
/*                     Enjin Bar Behaviour                         */
/* *************************************************************** */

/* *** To hide the entire Left-Hand side of the Enjin Bar - uncomment the next line: *** */

		/* #enjin-bar .left {display: none;}*/

/* *** To hide the entire Left-Hand side of the Enjin Bar - uncomment the next line: *** */

		/* #enjin-bar .right {display: none;} */


/* *** To hide the entire  Enjin Bar - uncomment both lines above *** */



/* *************************************************************** */
/*                          Important                              */
/* *************************************************************** */
/* 	The next two sets of attributes control the placement of your 
	drop-down list. The first one places it at the far left
	margin of your page. The second places it in line with your
	left-hand column. You must pick one. Not both. */                

/* *************************************************************** */

/*      To position the Net Bar Drop Down at the far left of your page, like Curse has it - 
Uncomment the following and comment out the version below it       */

/* 

div#netbar {
    -moz-box-sizing: border-box;
    background: -moz-linear-gradient(center top , #4D4D4D 0px, #343434 100%) repeat scroll 0 0 transparent;
    background-color: #4D4D4D;
    box-shadow: 0 0 1px #666666 inset, 1px 1px 2px rgba(0, 0, 0, 0.65);
    color: #DEE3E6;
    height: 28px;
    min-width: 1002px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 4;
	top: 0;
	left: 0;
}
*/

/* To position the Net Bar Drop Down in line with your left-hand column - Uncomment the following three items
 (div#netbar , div#netbar .suckerfish , #enjin-bar) and comment out the part above */

div#netbar {
    -moz-box-sizing: border-box;
    background: -moz-linear-gradient(center top , #141414 0px, #141414 100%) repeat scroll 0 0 transparent;
    background-color: #141414;
    box-shadow: 0 0 1px #666666 inset, 1px 1px 2px rgba(0, 0, 0, 0.65);
    color: #DEE3E6;
    height: 28px;
    padding: 0;
    position: absolute;
    width: 3400px;
    z-index: 4;
	top: 0;
	left: -1420px;
}


div#netbar li.suckerfish  {
    position: relative;
	left: 1410px;
}

 #enjin-bar  {margin-left: 105px;}
 
 
 /* *************************************************************** */
/*                            Images                               */
/* *************************************************************** */
/* 	The following sections are where you'll put in your own images
	in place of mine. These images are your site logo, and the little
	icons that appear before each of your links. */                

/* *************************************************************** */
 

/* Replace my logo URL with one of your own. You will need a logo with a transparaent background, sized 75px by 23px */

div#netbar .sitelogo {
    background: url("http://files.enjin.com/61109/PFB.png") no-repeat scroll 6px 1px transparent;
    text-indent: -9999px;
    width: 75px;
}

/* These are the little logos that appear before each link.  
You will need images that are 10 px by 14 px . 
Replace my URLs with your own. */

div#netbar div#discover li.suckerfish ul li.link-one a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarcheck.png");
    background-position: 10px center;
}
div#netbar div#discover li.suckerfish ul li.link-two a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarpaw.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-three a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarheart.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-four a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarclub.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-five a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbardiamond.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-six a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarspade.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-seven a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarmoon.png");
    background-position: 5px center;
}
div#netbar div#discover li.suckerfish ul li.link-eight a {
    background-image: url("http://files.enjin.com/26297/SiteImages/netbar/netbarstar.png");
    background-position: 5px center;
}

/* Put the Enjin Bar on top of the Netbar */
#enjin-bar { z-index: 25; }

/* hide the link to your homepage, we don't want that appearing, no matter what style we choose*/

div#enjin-bar > div.left > a:first-child {display: none;}

#netbar li {
    list-style: none outside none;
}


div#netbar a {
    color: #DEE3E6;
}
div#netbar a:hover {
    color: #FFFFFF;
}
div#netbar li {
    float: left;
    margin: 0;
    position: relative;
}
div#netbar > a {
    border-right: 1px solid #333333;
    display: block;
    float: left;
    line-height: 29px;
    padding: 0 10px;
}
div#netbar > a:hover {
    background: none repeat scroll 0 0 #222222;
}
div#netbar .suckerfish {
    z-index: 9998;
}
div#netbar .suckerfish > .section-drop {
    background-color: #222222;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: medium none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 2;
	float: left;
}
div#netbar .suckerfish > a, div#netbar .suckerfish > span {
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 8px 16px 9px 10px;
    white-space: nowrap;
}
div#netbar .suckerfish ul li {
    float: none !important;
    margin: 0;
    width: auto;
}
div#netbar .suckerfish:hover {
    background-color: #222222;
}
div#netbar .suckerfish > ul li a {
    display: block;
    font-size: 12px;
    line-height: 12px;
    padding: 6px 12px;
    white-space: nowrap;
}
div#netbar .suckerfish > ul li a:hover {
    background-color: #111111;
}
div#netbar .suckerfish > ul li:last-child a {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
div#netbar .suckerfish > span:after, div#netbar .suckerfish > a:after {
    border-color: Silver transparent transparent;
    border-right: 3px dashed transparent;
    border-style: solid dashed dashed;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    padding-top: 1px;
    position: absolute;
    right: 6px;
    top: 13px;
    width: 0;
}


div#netbar div#discover {
    float: left;
    height: 28px;
}
div#netbar div#discover ul > li {
    float: left;
    height: 28px;
    line-height: 28px;
    position: relative;
}
div#netbar div.help-links {
    border-right: 1px solid #333333;
    float: left;
}
div#netbar div#discover ul li span {
    border-right: 1px solid #333333;
}
div#netbar div#discover ul li span:hover {
    color: #FFFFFF;
    cursor: default;
}
div#netbar div#discover li.suckerfish ul {
    top: 27px;
    width: 160px;
	padding-left: 0;
}
div#netbar div#discover li.suckerfish ul li a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.suckerfish .section-drop{
    left: -9999px;
}
.suckerfish:hover .section-drop{
    left: -40px;
}